<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>选择目的地</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <input
      type="text"
      class="u-search"
      placeholder="搜索目的地、景点、酒店等"
    />
    <div class="change">
        <ul class="city">
            <li class="active">城市<span></span></li>
            <li>景区<span></span></li>
        </ul>
        <ul class="province">
            <li class="active">四川省</li>
            <li>成都市</li>
            <li>绵阳市</li>
            <li>自贡市</li>
            <li>遂宁市</li>
            <li>内江市</li>
            <li>南充市</li>
            <li>乐山市</li>
            <li>宜宾市</li>
            <li>广元市</li>
            <li>攀枝花市</li>
            <li>德阳市</li>
            <li>泸州市</li>
            <li>资阳市</li>
        </ul>
        <ul class="detail">
            <li class="sichuan"><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>四川省</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>成都市</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>绵阳市</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>自贡市</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>遂宁市</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>内江市</h4><span>12℃~19℃</span></li>
            <li><a href="javascript(0)"><img src="../img/occupy.png" alt=""></a><h4>南充市</h4><span>12℃~19℃</span></li>
            
        </ul>
    </div>

     <!-- tab -->
     <div class="tab">
        <div class="tabItem">
          <img src="../img/首页0@2x.png" alt="">
          <br />
          <span>首页</span>
        </div>
        <div class="tabItem active">
          <img src="../img/目的地@2x(1).png" alt="">
          <br />
          <span>目的地</span>
        </div>
        <div class="tabItem">
          <img src="../img/云游@2x.png" alt="">
          <br />
          <span>云游</span>
        </div>
        <div class="tabItem">
          <img src="../img/服务@2x.png" alt="">
          <br />
          <span>服务</span>
        </div>
        <div class="tabItem">
          <img src="../img/我的@2x.png" alt="">
          <br />
          <span>我的</span>
        </div>
    </div>
  </body>
</html>
